<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
  <title>BrightFRAME</title>
  <meta http-equiv="content-type" content="text/html;charset=utf-8" />

  <link rel="stylesheet" href="css/screen.css" type="text/css" media="screen, projection" />
  <link rel="stylesheet" href="css/print.css" type="text/css" media="print" />
  <!--[if IE]>
    <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen, projection" />
  <![endif]-->
  <link rel="stylesheet" href="css/style.css" type="text/css" media="screen, projection" />

</head>

<body>
<div class="container">

	<!-- Navigation -->
    <div class="height-30">
        <div class="span-24 last">
        	<span class="font-16">
				<a href="index.html" class="white-links">home</a> &nbsp;&nbsp;&nbsp;
				<a href="#" class="white-links">project</a> &nbsp;&nbsp;&nbsp;
                <a href="#" class="white-links">products</a> &nbsp;&nbsp;&nbsp;
                <a href="#" class="white-links bold selected">crm</a> &nbsp;&nbsp;&nbsp;
                <a href="#" class="white-links">invoices</a> &nbsp;&nbsp;&nbsp;
                <a href="#" class="white-links">files</a> &nbsp;&nbsp;&nbsp;
			</span>
            
            <span class="font-14 align-right">
				<a href="#" class="white-links">Eric W. Nutter</a> &nbsp;&nbsp;&nbsp;
                <a href="#" class="white-links">9+</a> &nbsp;&nbsp;&nbsp;
                <a href="example.html" class="white-links">settings</a> &nbsp;&nbsp;&nbsp;
            </span>
		</div>
    </div>

	<!-- TITLE -->
    <div class="height-61">
		<div class="span-24 last">
        	<span class="font-14">
				<button class="button">Dashboard</button>
                <button class="button" onclick="load('client.html');">Clients</button>
                <button class="button">Tasks</button>
                <button class="button">Issues</button>
                
                <button class="button blue align-right">Search</button>
                <input class="height-25 align-right" name="task" size="42" type="text" onFocus="this.value='';" value="Search products, customers, projects, etc" />

        	</span>
        </div>
	</div>

	<!-- Left Column -->
    <div class="span-5">
		<p><a href="#">Edit this Person</a><br />
        <a href="#">Add Tags to this Person</a></p>
		
        <h5>RECENTLY VIEWED</h5>
        <ul>
        	<li><a href="#">Dora Explorer</a></li>
            <li><a href="#">Dora's Explorations</a></li>
            <li><a href="#">Diego Adventure</a></li>
            <li>a really long customer name or whatever that goes to the next line</li>
        </ul>
    </div>
    
    <!-- Body -->
    <div class="span-14">
    	<h1>Dora Explorer</h1>

        <ul>
        	<li>Loves her boots.</li>
            <li>Wears a backpack.</li>
		</ul>
        
        <h3>Add a Note</h3>
		<p><textarea name="note" cols="70" rows="10" wrap="virtual"></textarea><br />
		<button class="button positive align-right margin-right-30">
        	<img src="images/icons/tick.png" alt=""/> Add this Note
		</button></p>
    


    </div>
    
    <!-- Right -->
	<div class="span-5 last">

        <h5>TASKS</h5>
        <ul>
        	<li><a href="#">Finalize Dora Project</a></li>
            <li><a href="#">Email Diego</a></li>
            <li>a really long task or whatever that goes to the next line</li>
        </ul>

   		<p><input class="height-18" name="task" size="18" type="text" onFocus="this.value='';" value="Add a Task" />
        <button class="button positive align-right">Add</button></p>
        <hr>
		
        <h5>CONTACT INFO</h5>
		<!-- Cell Phone -->
        <p>Cell: (555) 555-5555<br />
        Email: <a href="mailto:dora">dora@explorer.com</a></p>
	</div>

    <!-- FOOTER -->
    <div class="span-24 last footer">
    	<span class="align-right">
        	Copyright &copy; 2011 BrightFrame. All rights reserved.
		</span>
	</div>
        
</div>

</body>
</html>
